<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <title></title>
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <link href="../bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../toastr/toastr.min.css">

    <title>未入住房间</title>
    <link rel="stylesheet" href="../bootstrapvalidator-aae9288/dist/css/bootstrapValidator.css">



</head>
<body>
<div class="form-inline" role="form" style="border: 1px solid #cccccc;padding: 5px">
    <div class="form-group">
        <input type="text" class="form-control" id="priceFrom"/>&nbsp;-
    </div>
    <div class="form-group">
        <input type="text" class="form-control" id="priceTo"/>
    </div>
    <div class="form-group">
        <button class="btn btn-sm btn-default" id="search">检索</button>
        <button class="btn btn-sm btn-default" id="searchClear">清空</button>
    </div>
</div>
    <div class="container-fluid">
            <div class="row" id="tableToolBar">
                <button class="btn btn-sm btn-warning" id="addBtn" style="margin-left: 15px"><i class="fa fa-plus"
                                                                                                aria-hidden="true"></i>添加房间
                </button>
                <button class="btn btn-sm btn-danger" id="deleteMoreBtn">批量删除</button>
                <button class="btn btn-sm btn-warning" id="checkOutRoomBtn" style="margin-left: 15px"><i class="fa fa-home"
                                                                                                aria-hidden="true"></i>退房
                </button>
            </div>

            <div class="row">
                <div class="col-md-12" id="myTable"></div>
            </div>

        <!--boostrop-table的样式表-->
        <table id="data-table"></table>

        <!--删除按钮的模态框-->
        <div class="modal fade" id="myDeleteModal" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            房屋信息</h4>
                    </div>
                    <div class="modal-body" id="deleteDialogMsg">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default"
                                data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" id="deleteBtn">
                            删除
                        </button>
                    </div>
                </div><!-- /.modal-content --></div>
        </div>

        <!--退房的模态框-->
            <div class="modal fade" id="myCheckOutModal" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myCheckOutLabel">
                            房屋信息</h4>
                    </div>
                    <div class="modal-body" id="CheckOutDialogMsg">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default"
                                data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" id="CheckOutBtn">
                            确定
                        </button>
                    </div>
                </div><!-- /.modal-content --></div>
        </div>


        <!--编辑和添加的模态框-->
            <div class="modal fade" id="myDialog" tabindex="-1" role="dialog"
                 aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close"
                                    data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="myDialogHeaderLable">
                            </h4>
                        </div>
                        <div class="modal-body" id="myDialogBody">
                            <div class="panel-body">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-md-3 control-label">id</label>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control" id="room_id">
                                        </div>
                                    </div>
    <!--                                <div class="form-group">-->
    <!--                                    <label class="col-md-3 control-label">房间名</label>-->
    <!--                                    <div class="col-md-9">-->
    <!--                                        <input type="text" class="form-control" id="room_type"-->
    <!--                                               placeholder="请输入房间名">-->
    <!--                                    </div>-->
    <!--                                </div>-->
                                    <div class="form-group">
                                        <label class="col-md-3 control-label">房间类型</label>
                                        <div class="col-md-9">
                                            <select class="form-control" id="room_type">

                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-md-3 control-label">房间价格</label>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control" id="room_price"
                                                   placeholder="请输入房间价格">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-3 control-label">房间状态</label>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control" id="room_state"
                                                   placeholder="请输入房间名">
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default"
                                    data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-primary" id="updateBtn">
                                    更新
                            </button>
                        </div>
                    </div><!-- /.modal-content --></div>
                </div>

        <!--办理入住模态框-->
        <div class="modal fade" id="ModalForgotohome" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabelforgotohome">
                            办理入住
                        </h4>
                    </div>
                    <div class="modal-body" id="TipForgotohome">
                        <form id="gotohomeForm">
                            <div class="form-group">
                                <label for="guest_name">姓名</label>
                                <input type="text" class="form-control" id="guest_name" name="guest_name" placeholder="请输入姓名">
                            </div>
                            <div class="form-group">
                                <label for="guest_idcard">身份证</label>
                                <input type="text" class="form-control" id="guest_idcard" name="guest_idcard" placeholder="请输入身份证">
                            </div>
                            <div class="form-group">
                                <label for="guest_phone">电话</label>
                                <input type="text" class="form-control" id="guest_phone" name="guest_phone" placeholder="请输入电话">
                            </div>
                            <div class="text-right">
                                <span id="returnMessage" class="glyphicon"> </span>
                                <button type="button" class="btn btn-default right" data-dismiss="modal">关闭</button>
                                <button id="ComfirmForgotohome" type="button" class="btn btn-primary">办理</button>

                            </div>
                        </form>
                    </div>
    </div>

        <script src="../jquery/jquery-3.4.1.min.js"></script>
        <script src="../bootstrap/js/bootstrap.js"></script>
        <script src="../bootstrap-table/bootstrap-table.min.js"></script>
        <script src="../js/j_node1_1.js"></script>
        <script src="../toastr/toastr.min.js"></script>
        <script src="../jquery-validation/jquery.validate.js"></script>
        <script src="../jquery-validation/messages_zh.js"></script>
        <script src="../bootstrapvalidator-aae9288/dist/js/bootstrapValidator.js"></script>
        <script src="../bootstrapvalidator-aae9288/dist/js/language/zh_CN.js"></script>
</body>
</html>